<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>江苏天鼎</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/swiper-3.4.2.min.css">
</head>
<body>
<div id="header" class="con">
    <a href="javascript:void(0);" class="ufl">网站导航</a>
    <a href="javascript:void(0);" class="ufr icon icon-phone">客服热线：025-962155</a>
    <a href="javascript:void(0);" class="ufr icon icon-account">汇款方式</a>
    <a href="javascript:void(0);" class="ufr icon icon-user">人员招聘</a>
</div>
<div id="top" class="con ub ub-ac">
    <div class="logoIcon"></div>
    <div class="logoText"></div>
    <div class="logoVerse ub ub-ver ub-ac ub-pc">
        <div class="logoPot">天鼎证券</div>
        <div class="number">编号:913200001347857395</div>
    </div>
    <div class="slogan">成为中国专业度第一名投资理财平台</div>
    <div class="ub-f ub ub-ac ub-pe">
        <input type="search" class="searchInput" placeholder="请输入关键字查询">
        <div class="searchBtn">搜索</div>
    </div>
</div>
<div id="nav">
    <div class="con ub">
        <a href="index.html" class="ub ub-ac ub-pc ub-f">首页</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">产品中心</a>
        <a href="videoLive.html" class="ub ub-ac ub-pc ub-f">名师直播</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">师资团队</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">天鼎基金</a>
        <a href="javascript:void(0);" class="ub ub-ac ub-pc ub-f">公司介绍</a>
    </div>
</div>
<!-- banner轮播图 -->
<div class="swiper-container banner">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="image/statics/banner-copy.jpg"></div>
    </div>
    <!--圆点分页器-->
    <!--<div class="swiper-pagination"></div>-->
    <!--滚动条-->
    <!--<div class="swiper-scrollbar"></div>-->
</div>
<div id="content">
    <div class="con copyPlane">
        <div class="uf uf-ac copyTT logo1">
            <div class="title">软件教学</div>
            <div class="sub">完善技术操作体系，多技术手法综合运用</div>
        </div>
        <div class="uf uf-pj">
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>

        </div>
        <a href="javascript:void(0);" class="btnMore btnBg1">更多教学内容</a>
    </div>
    <div class="con copyPlane">
        <div class="uf uf-ac copyTT logo2">
            <div class="title">VIP特训</div>
            <div class="sub">分析庄家，主力抓牛股精准预测股票市场</div>
        </div>
        <div class="uf uf-pj">
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>
            <a href="javascript:void(0);" class="copyItem">
                <div class="img">
                    <div class="imgDiv">
                        <img src="image/statics/demoPicVideo.jpg">
                    </div>
                    <div class="playIcon"></div>
                    <div class="title">牛道人—解密下周热点机会！</div>
                </div>
                <div class="uf uf-pj">
                    <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                    <div class="time">2017-08-08</div>
                </div>
            </a>

        </div>
        <a href="javascript:void(0);" class="btnMore btnBg2">更多教学内容</a>
    </div>
    <div class="con copyPlane">
        <div class="uf uf-ac copyTT logo3">
            <div class="title">媒体合作</div>
            <div class="sub">江苏天鼎证券投资咨询有限公司独家打造的大型投资互动节目</div>
        </div>
        <div class="ub tvs">
            <div class="TV active">江苏教育</div>
            <div class="TV">甘肃卫视</div>
            <div class="TV">CCTV</div>
            <div class="TV">财富天下</div>
        </div>
        <div class="byTvs">
            <div class="uf uf-pj byTV show">
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>

            </div>
            <div class="uf uf-pj byTV">
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>

            </div>
            <div class="uf uf-pj byTV">
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">傻大根—解密下下周热点！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：傻大根</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">傻大根—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：傻大根</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">傻大根—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：傻大根</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>

            </div>
            <div class="uf uf-pj byTV">
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">傻大根—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：傻大根</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛尔地—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛尔地</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>
                <a href="javascript:void(0);" class="copyItem">
                    <div class="img">
                        <div class="imgDiv">
                            <img src="image/statics/demoPicVideo.jpg">
                        </div>
                        <div class="playIcon"></div>
                        <div class="title">牛道人—解密下周热点机会！</div>
                    </div>
                    <div class="uf uf-pj">
                        <div class="name">讲师：牛道人牛道人牛道人牛道人</div>
                        <div class="time">2017-08-08</div>
                    </div>
                </a>

            </div>
        </div>
        <a href="javascript:void(0);" class="btnMore btnBg3">更多教学内容</a>
    </div>


</div>
<div id="footer" class="con ub">
    <div class="sides">
        <div>友情链接</div>
        <a href="javascript:void(0);" class="logoPot">天鼎证券</a>
    </div>
    <div class="center ub-f">
        <div class="uf uf-ac linksLine">
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">关于我们</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">联系我们</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">法律声明</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">风险提示</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">常见问题</a>
            <a href="javascript:void(0);" class="uf-f uf uf-ac uf-pc">网站地图</a>
        </div>
        <div class="uf uf-pc">网站所载文章、数据仅供参考，使用前请核实，风险自负</div>
        <div class="uf  uf-pja">
            <a href="javascript:void(0);" class="uf">本网站资讯内容由江苏天鼎投资咨询有限公司提供</a>
            <a href="javascript:void(0);" class="uf">苏ICP备09015858号-6</a>
        </div>
    </div>
    <div class="sides">
        <div>公司二维码</div>
        <img src="image/statics/codePic.jpg">
    </div>
</div>

<div id="backTop" title="回到顶部" onclick="backToTop(this);"></div>

<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        swipeInit(); //轮播图初始化
        navFixedByScroll(); //监听滚动条修正顶部导航位置

        //tv
        $(".TV").mouseover(function () {
            var $title = $(this), index = $title.index();
            var tableArr = $(".byTvs .byTV"), $table = $(tableArr[index]);
            $title.addClass("active").siblings().removeClass("active");
            $table.addClass("show").siblings().removeClass("show");

        });

    });

    //滚动回顶部
    function backToTop(ele) {
        $(ele).addClass("launch");
        setTimeout(function () {
            $('html,body').animate({scrollTop: 0}, 300);
            $(ele).removeClass("launch");
        }, 800);
    }

    //监听滚动条修正顶部导航位置
    function navFixedByScroll() {
        var $container = $(window);
        var $nav = $("#nav"),
                topH = $nav.position().top;
        var $backTop = $("#backTop"); //滚动到顶部的按钮元素
        //nav滚动到顶部时，定位在顶部
        $container.scroll(function () {
            var afterScrollTop = $container.scrollTop();
            if (afterScrollTop >= topH) {
                $nav.css({
                    "position": "fixed",
                    "top": 0
                });
                $backTop.show();
            } else {
                $nav.css({
                    "position": "absolute",
                    "top": topH
                });
                $backTop.hide();
            }
        });
    }

    //轮播图初始化
    function swipeInit() {
        //bannner图片轮播
        new Swiper('.swiper-container.banner', {
            pagination: '.swiper-pagination',//分页器（小点）
            paginationClickable: true,//分页器是否可点击
            autoplay: 5000,//自动轮播，毫秒数
            autoplayDisableOnInteraction: false,//用户手动操作后，是否停止自动轮播
            loop: false,//环路
            touchRatio: 0.5,//触摸距离与slide滑动距离的比率,默认：1,设置为0.5后slide滑动距离只有触摸距离的一半，降低滑动灵敏度
            lazyLoading: true,//允许图片的懒加载
            lazyLoadingInPrevNext: true,//允许将图片的懒加载应用到最接近的slide的图片（前一个和后一个slide）
            lazyLoadingOnTransitionStart: true,//图片的懒加载在过渡一开始就加载
            observer: true,//当Swiper元素变化时，例如window.resize，Swiper更新
            observeParents: true,//当Swiper的父元素变化时，例如window.resize，Swiper更新
            grabCursor: true//鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状
        });
    }
</script>
</body>
</html>